$(document).ready(function(){

    // show个人信息
    var sname = document.getElementById("userid").innerText;
    var data = {
        name: sname,
    }
    $.ajax({
        // 接口记得改
        url: "http://8.130.103.251:8080/seller/getseller",    //请求的url地址
        dataType: "json",   //返回格式为json
        ContentType: 'application/json;charset=utf-8', //传输格式
        async: true, //请求是否异步，默认为异步，这也是ajax重要特性
        data: data,
        type: "GET",   //请求方式
      
       success: function(req) {
            // console.log(req.data);
            // 获得用户的头像、用户名、密码、电话
            $("#emailtxt").val(req.data.email);
            $("#nametxt").val(req.data.username);
            $("#pwdtxt").val(req.data.password);
            $("#mimg").attr("src", req.data.picture);
            $("#headimg0").attr("src", req.data.picture);
            $("#teltxt").val(req.data.phonenumber);
       }
    });

    // 修改密码
    $("#pwd-change").click(function(){
        $("#pwdtxt").removeAttr("disabled");
        $("#pwdtxt").css("border", "1px solid black");

    // 保存密码
    });
    $("#pwd-save").click(function(){
        $("#pwdtxt").attr("disabled", "true");
        $("#pwdtxt").css("border", "1px solid rgb(170,170,170)");
        var pwd = $("#pwdtxt").val();
        var id = document.getElementById("userid").innerText;
        var data = {
            username: id,
            password: pwd
        }
        $.ajax({
            // 接口记得改
            url: "http://8.130.103.251:8080/seller/changesellerpassword",    //请求的url地址
            dataType: "json",   //返回格式为json
            ContentType: 'application/json;charset=utf-8', //传输格式
            async: true, //请求是否异步，默认为异步，这也是ajax重要特性
            data: data,
            type: "POST",   //请求方式
          
           success: function(req) {
                // console.log(req);
           }
        });


    });

    // 修改电话
    $("#tel-change").click(function(){
        $("#teltxt").removeAttr("disabled");
        $("#teltxt").css("border", "1px solid black");


    });
    // 保存电话
    $("#tel-save").click(function(){
        $("#teltxt").attr("disabled", "true");
        $("#teltxt").css("border", "1px solid rgb(170,170,170)");

        var tel = $("#teltxt").val();
        var id = document.getElementById("userid").innerText;
        var data = {
            username: id,
            phonenumber: tel
        }
        $.ajax({
            // 接口记得改
            url: "http://8.130.103.251:8080/seller/changesellerpb",    //请求的url地址
            dataType: "json",   //返回格式为json
            ContentType: 'application/json;charset=utf-8', //传输格式
            async: true, //请求是否异步，默认为异步，这也是ajax重要特性
            data: data,
            type: "POST",   //请求方式
          
           success: function(req) {
                // console.log(req);
           }
        });
    });

    // 转化为base64，选择完头像之后可以直接显示
    function fileToBase64(file) {
        var URL = window.URL || window.webkitURL;
        return URL.createObjectURL(file);
    }  

    // 修改商家头像
    $('.input-img').on('change', function () {
		var files = $('#headsel').prop('files');
		 
		 var data = new FormData();
		 data.append('file', files[0]);
		 data.append('username', sname);
        //  console.log(files[0]);
         $('#mimg').attr('src', fileToBase64(files[0]))
		
		$.ajax({
		  url: 'http://8.130.103.251:8080/files/upload/seller/oss',
		  type: 'POST',
		  data: data,
		  cache: false,
		  processData: false,
		  contentType: false,
		  success:function(res){
			console.log(JSON.stringify(res));
		  }
		 });

	});



});